import React from 'react';
import ReactDOM from 'react-dom/client';
// 从 redux 中引入创建 store 的方法
import { legacy_createStore as createStore } from 'redux';

// 开始 Redux
// Redux 三大核心概念之三：store。

// 创建 store 需要一个 reducer
const counter = (state = 10, action) => {
  console.log('state', state);
  console.log('action', action);
  // 改为 if/else 实现 reducer
  if (action.type === 'increment') {
    return state + action.payload;
  } else if (action.type === 'decrement') {
    return state - action.payload;
  } else {
    return state;
  }
};

// 创建 store
const store = createStore(counter);
console.log(store.getState()); //

// 应用（项目）渲染的根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// 渲染应用
root.render(<div>Redux</div>);
